<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <script>
    //  rem移动端适配
    ! function (e) {
      var t = e.document,
        n = t.documentElement,
        i = "orientationchange" in e ? "orientationchange" : "resize",
        a = function e() {
          var t = n.getBoundingClientRect().width;
          return n.style.fontSize = 5 * Math.max(Math.min(t / 750 * 20, 11.2), 8.55) + "px", e
        }();
      n.setAttribute("data-dpr", e.navigator.appVersion.match(/iphone/gi) ? e.devicePixelRatio : 1), /iP(hone|od|ad)/.test(
          e.navigator.userAgent) && (t.documentElement.classList.add("ios"), parseInt(e.navigator.appVersion.match(
          /OS (\d+)_(\d+)_?(\d+)?/)[1], 10) >= 8 && t.documentElement.classList.add("hairline")), t.addEventListener &&
        (e.addEventListener(i, a, !1), t.addEventListener("DOMContentLoaded", a, !1))
    }(window);
  </script>
  <!-- 这里是一些常用的api -->
  <script src="/static/js/api.js"></script>
  <title>基础框架</title>
  
</head>

<body>
  <div id="app"></div>
</body>

</html>
